<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/view/plantilla/base.xhtml">
        <ui:define name="cuerpo">
            <h1>#{i18n.gch_programa_subtitulo_registro}</h1>

            <div class="informacion">
                <p:messages />
            </div>
            <div style="padding-bottom: 5px;">
                <a onclick="cargarDatos()" class="urls">#{i18n.gch_programa_simular_carga}</a>
            </div>
            <h:form >
                <fieldset>
                    <legend>#{i18n.gch_app_sistema_solo}</legend>
                    <div>
                        <p:outputLabel value="#{i18n.gch_programa_codigo}" />
                        <p:inputText value="#{programaBean.programa.codigo}" maxlength="8" styleClass="micodigo" required="true" label="#{i18n.gch_programa_codigo}" requiredMessage="#{i18n.gch_programa_error_codigo_vacio}" />
                    </div>
                </fieldset>
                <fieldset>
                    <legend>#{i18n.gch_programa_datos}</legend>
                    <div>
                        <p:outputLabel value="#{i18n.gch_programa_titulo}" />
                        <p:inputText value="#{programaBean.programa.titulo}" maxlength="50" styleClass="ancho mititulo" required="true"  label="#{i18n.gch_programa_titulo}" requiredMessage="#{i18n.gch_programa_error_titulo_vacio}"/>
                    </div>
                    <div>
                        <p:outputLabel value="#{i18n.gch_programa_descripcion}" />
                        <p:inputText value="#{programaBean.programa.descripcion}" maxlength="50" styleClass="ancho midescripcion" label="#{i18n.gch_programa_descripcion}" required="true" requiredMessage="#{i18n.gch_programa_error_descripcion_vacio}"/>
                    </div>
                    <div>
                        <p:outputLabel value="#{i18n.gch_programa_objetivos}" />
                        <p:inputText value="#{programaBean.programa.objetivos}" maxlength="50" styleClass="ancho miobjetivos" label="#{i18n.gch_programa_objetivos}" required="true" requiredMessage="#{i18n.gch_programa_error_objetivos_vacio}"/>
                    </div>
                    <div>
                        <p:outputLabel value="#{i18n.gch_programa_requisitos}" />
                        <p:inputText value="#{programaBean.programa.requisitos}" maxlength="400" styleClass="ancho mirequisitos" label="#{i18n.gch_programa_requisitos}" required="true" requiredMessage="#{i18n.gch_programa_error_requisitos_vacio}"/>
                    </div>
                    <div>
                        <p:outputLabel value="#{i18n.gch_programa_moneda}" />
                        <h:selectOneListbox value="#{programaBean.programa.moneda}" size="1" required="true" label="#{i18n.gch_programa_moneda}" requiredMessage="#{i18n.gch_programa_error_moneda_vacio}" converterMessage="#{i18n.gch_programa_error_moneda_vacio}" >
                            <f:selectItem itemValue="null" itemLabel="#{i18n.gch_programa_seleccione}"/>
                            <f:selectItems value="#{listados.tipoMonedas}"/>
                        </h:selectOneListbox> 
                    </div>
                    <div>
                        <p:outputLabel value="#{i18n.gch_programa_precio}" />
                        <p:inputText value="#{programaBean.programa.precio}" maxlength="400" styleClass="miprecio"/>
                    </div>
                    <div>
                        <p:outputLabel value="#{i18n.gch_programa_duracion}" />
                        <p:inputText value="#{programaBean.programa.duracion}" maxlength="400" styleClass="miduracion"/>
                    </div>
                    <div>
                        <h:outputLabel value="#{i18n.gch_programa_fecha}" />
                        <h:inputText value="#{programaBean.programa.fechaInicial}" styleClass="mifechaInicial" >
                            <f:convertDateTime pattern="dd/mm/yyyy"/>
                        </h:inputText>
                    </div>
                </fieldset>
                <p:commandButton action="#{programaBean.registrar}" value="#{i18n.gch_programa_registrar}" ajax="false" />
            </h:form>
            <script src="#{facesContext.externalContext.requestContextPath}/js/jquery-1.7.1.min.js"></script>
            <script type="text/javascript">
                    function cargarDatos() {
                        $(".micodigo").val("3");
                        $(".mititulo").val("TECNICOS INDUSTRIALES");
                        $(".midescripcion").val("Orientado al sector de manufactura masiva");
                        $(".miobjetivos").val("Conocimiento electronica y electricida");
                        $(".mirequisitos").val("Ninguno");
                        $(".miprecio").val("3700");
                        $(".miduracion").val("140");
                        $(".mifechaInicial").val("11/06/2013");
                    }
            </script>
        </ui:define>
    </ui:composition>
</f:view>

